<!DOCTYPE html>
<style>
    .breakAfter { -webkit-column-break-after:always; }
    .breakBefore { -webkit-column-break-before:always; }
    .piece { background:blue; }
</style>
<p>Test that forced outer fragmentainer breaks work inside spanners in nested multicol.</p>
<p>There should be a blue square below.</p>
<div style="-webkit-columns:4; -webkit-column-gap:0; column-fill:auto; width:60px; line-height:30px; height:135px; overflow:hidden;">
    <div style="-webkit-columns:2; -webkit-column-gap:0;">
        <div style="-webkit-column-span:all;">
            <div class="piece breakBefore"><br></div>
            <div class="piece breakAfter"><br></div>
            <div class="piece"><br></div>
            <div class="piece"><br></div>
            <div class="piece breakBefore"><br></div>
            <div class="piece"><br></div>
            <br>
            <br>
            <div class="piece breakBefore"><br></div>
            <div class="piece breakAfter"><br></div>
        </div>
    </div>
</div>
